<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组遍历</title>
</head>
<body>
    <p>数组的遍历：</p>
    <script>
        document.write('<p style="color: red;">遍历方法一：for-in 进行数组遍历：</p>')
        document.write('<p style="color: red;">注：for-in 是专门用来对数组、对象进行遍历的。</p>')
        document.write('<p style="color: red;">注：for-in 使用的是数组的下标。for-in 使用的人虽然很多，但是它是所有遍历方法中效率最低的。</p>')
        var arr = ["张三", "李四", "王五", "赵六", "钱七"];
        for(var i in arr){
            document.write(arr[i] + "<br/>"); //此处的 i 为数组 arr的下标。
        }
        document.write('<p style="color: red;">遍历方法二：for-of 进行数组遍历：</p>')
        document.write('<p style="color: red;">注：for-of 使用的是数组的数据。for-of 比普通的 for 循环遍历的效率要低。</p>')
        for(var value of arr){
            document.write(value + '<br>') //此处的 value 为数组 arr的值。
        }
    </script>
</body>
</html>